.ui-input {
  font-size: 28px;
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid <%= css === 'less'
  ? '@lighter-gray'
  : '$lighter-gray' %>;

  .input-label {
    width: 140px;
    display: flex;
    align-items: center;
    margin-right: 10px;
  }

  .input-com {
    height: 120px;
    padding-left: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex: 1;
  }

  .expand-area {
    display: flex;
    align-items: center;
  }

  .show-pass-icon {
    width: 36px;
    height: 24px;
    padding: 10px;

    &.eyes-open {
      background: url('http://static.biaoguoworks.com/miniprogram/peach/eyes-open.png') no-repeat center center / 36px
        24px;
    }

    &.eyes-close {
      background: url('http://static.biaoguoworks.com/miniprogram/peach/eyes-close.png') no-repeat center center / 36px
        24px;
    }
  }
}
